<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"            
      xmlns:p="http://primefaces.org/ui">
    <h:form onsubmit="return checkSubmit();"  id="frmPopupProducto">        
        <h:panelGrid id="pgFormPosibProd" >
            <p:panel id="pgFormFilterProd" header="#{i18n['panel.titulo.producto']}" style="#{applicationMBean.estiloTitulo}">
                <h:panelGrid columns="6" cellspacing="5">
                    <h:outputLabel value="#{i18n['producto.descripcion']}" styleClass="label"/>
                    <p:inputText label="#{i18n['producto.descripcion']}" 
                                 value="#{productoMBean.dtoFiltro.descripcion}" 
                                 style="#{applicationMBean.estilo}" size="60" maxlength="100">
                    </p:inputText>  

                    <h:outputLabel value="#{i18n['producto.sku']}" styleClass="label"/>
                    <p:inputText label="#{i18n['producto.sku']}" 
                                 value="#{productoMBean.dtoFiltro.sku}" 
                                 style="#{applicationMBean.estilo}" size="60">
                        <f:validateLength maximum="50" minimum="0" />
                    </p:inputText>  

                    <h:outputLabel styleClass="label" value="#{i18n['producto.tipo']}"/>                    
                    <p:selectOneMenu value="#{productoMBean.dtoFiltro.tipoProducto}"                                   
                                     style="#{applicationMBean.estiloObligatorio}">
                        <f:selectItems value="#{productoMBean.siTipoProductoFiltro}"/>
                    </p:selectOneMenu>  

                    <h:outputLabel for="itGrupo" styleClass="label" value="#{i18n['producto.grupo']}"/>
                    <p:selectOneMenu id="itGrupo" value="#{productoMBean.dtoFiltro.grupoDto}"  converter="parametroConvert"                               
                                     style="#{applicationMBean.estiloObligatorio}">
                        <f:selectItems value="#{productoMBean.listaGruposFiltro}" var="parametroDto"  itemLabel="#{parametroDto.descripcion}" itemValue="#{parametroDto}" />                        

                    </p:selectOneMenu>

                    <h:outputLabel for="itFamilia" styleClass="label" value="#{i18n['producto.familia']}"/>
                    <p:selectOneMenu id="itFamilia" value="#{productoMBean.dtoFiltro.familiaDto}"  converter="parametroConvert" 
                                     style="#{applicationMBean.estiloObligatorio}">
                        <f:selectItems value="#{productoMBean.listaFamiliasFiltro}" var="parametroDto"  itemLabel="#{parametroDto.descripcion}" itemValue="#{parametroDto}" />                        

                    </p:selectOneMenu>

                    <h:outputLabel for="itStockActual" value="#{i18n['producto.stock.actual']}" styleClass="label"/>
                    <p:inputText id="itStockActual" label="#{i18n['producto.stock.actual']}" style="#{applicationMBean.estiloObligatorio}"
                                 value="#{productoMBean.dtoFiltro.stockActual}" size="10" 
                                 onkeypress="return fn_validaTecla('decimal',this)" >
                        <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                    </p:inputText> 

                    <h:outputLabel styleClass="label" value="#{i18n['general.label.activo']}"/>                    
                    <p:selectBooleanCheckbox value="#{productoMBean.dtoFiltro.estado}"  style="#{applicationMBean.estilo}"  />
                </h:panelGrid>
                <f:facet name="footer">

                    <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.buscar.filtro.tip']}" accesskey="#{applicationMBean.keyBuscar}"
                                     value="#{i18n['general.button.buscar.filtro']}" 
                                     style="#{applicationMBean.estilosBtnBuscar}" 
                                     action="#{productoMBean.buscarProductoDeta}"
                                     ajax="true"
                                     update=":frmPopupProducto:pgFormPosibProd">
                    </p:commandButton>  

                    <p:spacer width="20" />
                    <h:outputText  value="#{productoMBean.listaDeta.size()} #{i18n['form.general.mensaje.cantidad.encontrada']}" styleClass="mensaje" rendered="#{productoMBean.listaDeta!=null}"/>
                </f:facet>
            </p:panel>  

            <p:panel id="pnlTablaProd" header="#{i18n['general.panel.titulo.busqueda.resultado']}"  style="#{applicationMBean.estiloTitulo}" rendered="#{productoMBean.listaDeta!=null &amp;&amp; productoMBean.listaDeta.size()>0}">
                <h:panelGrid>
                    <p:dataTable id="tblPrincipal" value="#{productoMBean.listaDeta}" var="dtoProd" paginatorPosition="top"  rowKey="#{dtoProd.id}"                                    
                                 paginator="true" rows="#{sessionMBean.cantidadRegistros}"  widgetVar="widTable" selection="#{pedidoCompraMBean.productoDetaDto}" 
                                 selectionMode="single" >                      

                        <p:column headerText="#{i18n['general.label.id']}"  styleClass="general">
                            <h:outputText value="#{dtoProd.id}" styleClass="general" />
                        </p:column>
                        <p:column headerText="#{i18n['producto.empresa']}"  styleClass="general" style="text-align: left;">
                            <h:outputText value="#{dtoProd.productoDto.empresaDto.descripcion}" styleClass="general"/>                        
                        </p:column>
                        <p:column headerText="#{i18n['producto.descripcion']}" styleClass="general" style="text-align: left;">
                            <h:outputText value="#{dtoProd.productoDto.descripcion}" styleClass="general" />
                        </p:column>                           
                        <p:column headerText="#{i18n['producto.tipo']}"  styleClass="general" style="text-align: left;">
                            <h:outputText value="#{dtoProd.productoDto.tipoProductoTexto}" styleClass="general"/>                        
                        </p:column>
                        <p:column headerText="#{i18n['producto.grupo']}"  styleClass="general" style="text-align: left;">
                            <h:outputText value="#{dtoProd.productoDto.grupoDto.descripcion}" styleClass="general"/>                        
                        </p:column>
                        <p:column headerText="#{i18n['producto.familia']}" styleClass="general" style="text-align: left;">
                            <h:outputText value="#{dtoProd.productoDto.familiaDto.descripcion}" styleClass="general" />
                        </p:column>
                        <p:column headerText="#{i18n['producto.sku']}"  styleClass="general" style="text-align: left;">
                            <h:outputText value="#{dtoProd.sku}" styleClass="general"/>                        
                        </p:column>                            
                        <p:column headerText="#{i18n['producto.stock.actual']}" styleClass="general" style="text-align: right;">
                            <h:outputText value="#{dtoProd.stockActual}" styleClass="txtCampo" >
                                <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                            </h:outputText>
                        </p:column>  
                        <p:column style="text-align:left;" styleClass="general">
                            <f:facet name="header">
                                <h:outputText value="#{i18n['general.label.fecha.creacion']}" />
                            </f:facet>
                            <h:outputText value="#{dtoProd.productoDto.fechaCreacion}">
                                <f:convertDateTime pattern="#{applicationMBean.formatoFechaHora}"  timeZone="#{applicationMBean.timeZone}"/> 
                            </h:outputText>                                
                        </p:column>
                        <p:column style="text-align:left;" styleClass="general">
                            <f:facet name="header">
                                <h:outputText value="#{i18n['general.label.fecha']}" />
                            </f:facet>
                            <h:outputText value="#{dtoProd.productoDto.fecha}">
                                <f:convertDateTime pattern="#{applicationMBean.formatoFechaHora}"  timeZone="#{applicationMBean.timeZone}"/> 
                            </h:outputText>                                
                        </p:column> 
                        <p:column headerText="#{i18n['producto.estado']}"  styleClass="general" style="text-align: left;">
                            <h:outputText value="#{dtoProd.productoDto.estadoTexto}" styleClass="general"/>                        
                        </p:column>
                    </p:dataTable>        
                </h:panelGrid>
            </p:panel>
            <p:panel id="pnlAcciones" rendered="#{productoMBean.listaDeta!=null &amp;&amp; productoMBean.listaDeta.size()>0}">
                <h:panelGrid columns="10">
                    <p:commandButton id="btnGuardarDetalle"  update=":frmPrincipal:itProducto,:frmPrincipal:itIdProducto" oncomplete="carDialogProducto.hide();"
                                     title="#{i18n['pedido.compra.boton.seleccionar']}"
                                     ajax="true"  
                                     icon="ui-icon ui-icon-disk" 
                                     value="#{i18n['pedido.compra.boton.seleccionar']}" 
                                     action="#{pedidoCompraMBean.seleccionaProducto}">                                    
                    </p:commandButton>
                </h:panelGrid>
            </p:panel>
        </h:panelGrid>
    </h:form>

</html>